<template>
	<view class="page index">
		<view class="header">
			<nav-bar title="我的">
			</nav-bar>
		</view>
		<view class="section">
			<view class="userInfo">
				<view class="usertList">
					<view class="uesrs">
						<view class="imgd">
							<image src=""></image>
						</view>
						<view class="getInfos">
							<text>李天骄</text>
							<text>织里分局XX部门</text>
						</view>
					</view>
					<view class="forward_icon">
						<uni-icons type="forward" color="#fff"></uni-icons>
					</view>
				</view>
				<view class="contacts">
					<view class="contacts_number">
						<text>151&nbsp;2354&nbsp;8442</text>
						<text>联系电话</text>
					</view>
					<view class="contacts_Alarm-number">
						<text>4567</text>
						<text>警号</text>
					</view>
				</view>
			</view>
			<view class="gridList">
				<uni-grid :column="4" :showBorder="false" :square="false" borderColor="#fff">
					<uni-grid-item v-for="(item,index) in userList" :key="index">
						<view class="grid-item" @click="to(item.title)">
							<uni-icons type="color" size="30"></uni-icons>
							<text class="text">{{item.title}}</text>
						</view>
					</uni-grid-item>
				</uni-grid>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userList: [{
						title: '我的名片'
					},
					{
						title: '积分查询'
					},
					{
						title: '我的信息'
					},
					{
						title: '活动记录'
					},
					{
						title: '我的画像'
					},
					{
						title: '成就勋章'
					},
					{
						title: '意见箱'
					},
					{
						title: '健康报告'
					},
				]
			}
		},
		methods: {
			to(t) {
				if (t == '积分查询') {
					uni.navigateTo({
						url: '/pages/user/Integral/index'
					});
				} else if (t == '意见箱') {
					uni.navigateTo({
						url: '/pages/user/Idea/index'
					});
				} else if (t == '我的画像') {
					uni.navigateTo({
						url: '/pages/user/MyDraw/index'
					})
				} else if (t == '成就勋章') {
					uni.navigateTo({
						url: '/pages/user/MedalAchievement/index'
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/style/common.scss";
	@import 'index.scss';
</style>